﻿<!DOCTYPE html>
<!--日常评估模板管理检查项目详细-->
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
        <script src="/static/js/common.js"></script>


</head>
<body>
    <div id="app" class="popupW100" v-cloak>
        <el-form label-position="right" :model="Form" status-icon :rules="rules" ref="ruleForm" label-width="100px"
                 size="mini">
            <el-row>
                <el-col :span="11">
                    <div class="elst-select-mini">
                        <el-form-item>
                            <el-input type="text" v-model="Form.CheckProject" autocomplete="off" size="mini">
                                <template slot="prepend">
                                    {{DailyAssessmentType.CheckProject+mark.m}}
                                </template>
                            </el-input>
                        </el-form-item>
                    </div>
                </el-col>
                <el-col :span="11" :offset="2">

                </el-col>
            </el-row>
            <el-row>
                <el-col :span="11">
                    <el-form-item :label="DailyAssessmentType.NotUpToStandard+mark.m" class="inputTextarea">
                        <el-input-number v-model="Form.NotUpToStandard" @change="handleChange" :min="0"></el-input-number>
                    </el-form-item>
                </el-col>
                <el-col :span="11" :offset="2">
                    <el-form-item :label="DailyAssessmentType.SmallUpToStandard+mark.m" class="inputTextarea">
                        <!-- 弹出页的其它不能成组的控件添加class="inputTextarea"，达到label与input、select等控件的label对齐的目的 -->
                        <el-input-number v-model="Form.SmallUpToStandard" @change="handleChange" :min="0"></el-input-number>
                    </el-form-item>
                </el-col>
            </el-row>

            <el-row>
                <el-col :span="11">
                    <el-form-item :label="DailyAssessmentType.MostUpToStandard+mark.m" class="inputTextarea">
                        <el-input-number v-model="Form.MostUpToStandard" @change="handleChange" :min="0"></el-input-number>
                    </el-form-item>
                </el-col>
                <el-col :span="11" :offset="2">
                    <el-form-item :label="DailyAssessmentType.UpToStandard+mark.m" class="inputTextarea">
                        <el-input-number v-model="Form.UpToStandard" @change="handleChange" :min="0"></el-input-number>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>

                <el-col :span="11">
                    <el-form-item :label="DailyAssessmentType.GoodStandard+mark.m" class="inputTextarea">
                        <el-input-number v-model="Form.GoodStandard" @change="handleChange" :min="0"></el-input-number>
                    </el-form-item>
                </el-col>
                <el-col :span="11" :offset="2">
                    <el-form-item :label="DailyAssessmentType.VeryGoodStandard+mark.m" class="inputTextarea">
                        <el-input-number v-model="Form.VeryGoodStandard" @change="handleChange" :min="0"></el-input-number>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row type="flex" justify="center">
                <el-form-item>
                    <el-button type="primary" @click="onSubmitForm">{{col.btnConfirm}}</el-button>
                </el-form-item>
            </el-row>
        </el-form>
    </div>
    <script type="text/javascript">
        var app = new Vue({
            el: '#app',
            data: {
                //父业传参
                id: '',
                //业务表单内容
                Form: {
                    CheckProject: '',
                    NotUpToStandard: '',
                    SmallUpToStandard: '',
                    MostUpToStandard: '',
                    UpToStandard: '',
                    GoodStandard: '',
                    VeryGoodStandard: '',
                },
          
                //表单验证
                rules: {
                    CheckProject: [
                        verification.NotNull
                    ]
                }
            },
            methods: {
                //解決edge下select bug
                visibleChange: function (isVisible) {
                    visibleChange(isVisible)
                },
                handleChange: function (value) {
                    console.log(value);
                },
                //提交数据
                onSubmitForm: function () {
                    parent.app.Form.CheckProjectList.push({
                        CheckProject: this.Form.CheckProject,
                        NotUpToStandard: this.Form.NotUpToStandard,
                        SmallUpToStandard: this.Form.SmallUpToStandard,
                        MostUpToStandard: this.Form.MostUpToStandard,
                        UpToStandard: this.Form.UpToStandard,
                        GoodStandard: this.Form.GoodStandard,
                        VeryGoodStandard: this.Form.VeryGoodStandard

                    });
                    parent.app.ListItem.dialogVisible = false;
                }
            },
            mounted: function () {


            },
        });
    </script>
</body>
</html>